$(function(){
	//header
	(function(){
		var $shop=$('.h_m_r_shop');
		var $hide=$('.h_m_r_s_hide');
		$shop.hover(function(){
			$(this).addClass('hover');
			$hide.stop().slideDown();
		},function(){
			$(this).removeClass('hover');
			$hide.stop().slideUp();
		});
	})();
	//nav
	(function(){
		var $search=$('.n_search');
		var $n_s_right=$('.n_s_right');
		var $input=$('.n_s_left input');
		var $tip=$('.n_s_l_tip');
		var $hide=$('.n_s_hide');
		var $one=$('.n_main_one');
		var $product=$('#nav_wrap_product');
		var $productUl=$('.nav_wrap_p_main ul');
		$search.hover(function(){
			$(this).addClass('hover');
		},function(){
			$(this).removeClass('hover');
		});
		$n_s_right.hover(function(){
			$(this).addClass('hover');
		},function(){
			$(this).removeClass('hover');
		});
		$input.focus(function(){
			$search.addClass('focus');
			$tip.fadeOut(200);
			$hide.show();
		}).blur(function(){
			$search.removeClass('focus');
			$tip.fadeIn(200);
			$hide.hide();
		});
		$one.hover(function(){
			$product.stop().slideDown();
		},function(){
			$product.stop().slideUp();
		});
		$product.hover(function(){
			$(this).stop().show();
		},function(){
			$(this).stop().slideUp();
		})
		$one.hover(function(){
			var index=$(this).index();
			$productUl.eq(index).show().siblings().hide();
		})
	})();
	//banner
	(function(){
		var $tabLi=$(".b_m_tab li");
		var $picLi=$('.b_m_pic li');
		var $btn=$('.b_m_btn div');
		var length=$tabLi.length;
		var index=0;
		var timer;
		var $b_main=$('.b_main');
		$tabLi.hover(function(){
			$(this).addClass('hover');
		},function(){
			$(this).removeClass('hover');
		}).click(function(){
			index=$(this).index();
			banner();
		});
		$btn.hover(function(){
			$(this).addClass('hover');
		},function(){
			$(this).removeClass('hover');
		}).click(function(){
			var i=$(this).index();
			if(i)
			{
				index++;
				index %=length;
			}else
			{
				index--;
				if(index<0)index=length-1;
			}
			banner();
		});
			auto();
			$b_main.hover(function(){
				clearInterval(timer);	
			},function(){
				auto();
			});
			function auto(){ timer=setInterval(function(){
				index++;
				index %= length;
				banner();
			},5000);
			};
			function banner(){
			$tabLi.eq(index).addClass('click').siblings().removeClass('click');
			$picLi.eq(index).stop(true).fadeIn().siblings().stop(true).fadeOut();
		};
		///////////////
		var $navLi=$('.b_nav ul li');
		var $hide =$('.b_n_hide')
		$navLi.hover(function(){
			$(this).find('.b_n_hide').show();
		},function(){
			$(this).find('.b_n_hide').hide();
		})
	})();
	// end  banner
	//stargoods start
	/*
	<li class="s_g_c_list">
					<a href="" class="s_g_c_l_img"><img src="imgs/danpin/T1FOAjBgxT1RXrhCrK.jpg" alt="" /></a>
					<a href="" class="s_g_c_l_title">小米Note</a>
					<p class="s_g_c_l_detail">大屏旗舰，HiFi 双卡双待</p>
					<p class="s_g_c_l_price">699元</p>
				</li>
*/
	(function(){
		var $ul=$('.s_g_content');
		var $left=$('.s_t_b_left');
		var ulIndex=true;
		var $right=$('.s_t_b_right');
		var $btn=$('.s_t_btn div');
		var liLength=miData.starGoods.imgSrc.length;
		var timer;
		for(var i=0;i<liLength; i++){
			var oLi=document.createElement('li');
				oLi.className='s_g_c_list';
				oLi.style.borderTop = '1px solid '+miData.starGoods.borderColor[i];

			var oA1=document.createElement('a');
				oA1.className='s_g_c_l_img';
				oA1.href='';
			var oImg= new Image();
				oImg.src=miData.starGoods.imgSrc[i];
				oImg.alt='';
				oImg.height='160';
				oImg.width='160';
			var  oA2=document.createElement('a');
				oA2.className='s_g_c_l_title';
				oA2.href='';
				oA2.innerHTML=miData.starGoods.title[i];
			var oP1=document.createElement('p');
				oP1.className='s_g_c_l_detail';
				oP1.innerHTML=miData.starGoods.detail[i];
			var oP2=document.createElement('p');
				oP2.className='s_g_c_l_price';
				oP2.innerHTML=miData.starGoods.price[i];
			$ul[0].appendChild(oLi);
			oLi.appendChild(oA1);
			oLi.appendChild(oA2);
			oLi.appendChild(oP1);
			oLi.appendChild(oP2);
			oA1.appendChild(oImg);
		}
		var $li=$('.s_g_c_list');
		var margin= $li.eq(5).position().left;
		auto();
		$btn.click(function(){
			var i=$(this).index();
			if(i)
			{
				if(ulIndex)
				
				{	ulIndex=!ulIndex;
					toggle();
					$ul.stop().animate({
						marginLeft:-margin+'px'
					},500);
					clearInterval(timer);
					auto();
				}
			}else
			{
				if(!ulIndex)
				{	ulIndex=!ulIndex;
					toggle();
					$ul.stop().animate({
						marginLeft:'0px'
					},500);
					clearInterval(timer);
					auto();
				}
			};
		});	
		function auto(){
			timer=setInterval(function(){
				if(ulIndex)
				{
					ulIndex=!ulIndex;
					toggle();
					$ul.stop().animate({
						marginLeft:-margin+'px'
					},500);
				}else{
					ulIndex=!ulIndex;
					toggle();
					$ul.stop().animate({
						marginLeft:'0px'
					},500);
				}
			},5000)
		}
		
		function toggle(){
			$left.toggleClass('click');
			$right.toggleClass('click');
		}
	})();
	//startgood end
	(function(){
		var $li=$('.r_content ul li');
		var $btn=$('.r_t_right div');
		var $ul=$('.r_content ul');
		var length=$li.length/5;
		var margin=$li.eq(5).position().left;
		var index=0;
		var $left=$('.r_t_r_arrow1');
		var $right=$('.r_t_r_arrow2');
		$btn.hover(function(){
			$(this).addClass('click')
		},function(){
			$(this).removeClass('click')
		}).click(function(){
			var i=$(this).index();
			if(i)
			{	
				index++;
				if(index>length-1){
					index=length-1
				};
				$ul.animate({
					marginLeft:-margin*index+'px'
				})
			}
			else{
					index--;
					if(index<0)index=0;
					$ul.animate({
					marginLeft:-margin*index+'px'
				})	
			}
		})
			
	})();
	/*smart start */
	(function(){
		var $tag=$('.tag');
		var $newTag=$('.newTag');
		var $Div =$('<div class="newFlag">享9折</div>');
		var $div=$('<div class="flag">新品</div>');
		$newTag.append($Div);
		$tag.append($div);
	})();
	//end smart
	//match start

	(function(){
		var $left=$('.m_c_left ul li');
		$left.hover(function(){
			$(this).addClass('click');
		},function(){
			$(this).removeClass('click');
		});
		var $content=$('.m_c_right');
		var data=miData.match;
		for(var i=0;i<data.length;i++)
		{	var $ul=$('<ul></ul>');
			$content.append($ul);
		}
		var $ul = $('#match .m_content .m_c_right ul');
		$ul.eq(0).css('display','block');
		$ul.each(function(index){
			for(var i=0;i<9;i++)
			{
				if(i<7)
				{
					$li=$('<li class="m_c_r_list marginBottom"><a href="" class="m_c_r_l_img"><img src='+data[data.attr[index]].imgSrc[i]+' alt="" height="150"width="150"/></a><a href="" class="m_c_r_l_title">'+data[data.attr[index]].title[i]+'</a><p class="m_c_r_l_price">'+data[data.attr[index]].price[i]+'</p><p class="m_c_r_l_comment"><span>'+data[data.attr[index]].person[i]+'</span>人评价</p><div class="m_c_r_l_hide"><a href=""><span class="m_c_r_l_h_review">'+data[data.attr[index]].review[i]+'</span><span class="m_c_r_l_h_autor"> 来自于 '+data[data.attr[index]].autor[i]+' 的评价 </span></a></div></li>');
				}else if(i==7)
				{
					$li=$('<li class="m_c_r_eight"><a href="" class="m_c_r_e_img"><img src='+data[data.attr[index]].imgSrc[i]+' alt="" width="80"height="80" /></a><a href="" class="m_c_r_e_detail">'+data[data.attr[index]].title[i]+'</a><p class="m_c_r_e_price">'+data[data.attr[index]].price[i]+'</p></li>')
				}else
				{
					$li=$('<li class="m_c_r_nine"><a href="" class="m_c_r_n_title">浏览更多<span>热门</span></a><a href="" class="m_c_r_n_arrow">&#xe611;</a></li>')
				}
				$(this).append($li)
			}
		})
		var $li=$('.m_c_right ul li')
		var $title= $('.m_title ul li');
		var $hide=$('.m_c_r_l_hide');
		$title.eq(0).addClass('hover');
		$title.hover(function(){
			var index=$(this).index();
			$(this).addClass('hover').siblings().removeClass('hover');
			$ul.eq(index).show().siblings().hide();
		});
		$li.hover(function(){
			$(this).addClass('click');
			$(this).find('.m_c_r_l_hide').show().css('opacity','0').stop().animate({
				
				opacity:'1',
				bottom : 0
			},500);
		},function(){
			$(this).removeClass('click');
			$(this).find('.m_c_r_l_hide').hide().stop().animate({
				bottom : '-75px'
			},500);
		});
		
	})();
	//end match
	//comment start
		(function(){
			var $li=$('#comment .c_content ul li');
			$li.hover(function(){
				$(this).addClass('hover')
			},function(){
				$(this).removeClass('hover')
			})
		})();
	//end comment
	//content start
	(function(){
		var $itemLi=$('.c_s_c_item');
		var $btn=$('.c_s_c_i_btn div');
		var $tabLi=$('.c_s_c_i_tab ul li');
		var $tab=$('.c_s_c_i_tab');
		var $nameLi=$('.c_s_c_i_t_name');
		var $total=$('.c_s_c_i_total');
		var	length=$tab.length;
		var color = '';
		$itemLi.each(function(i){
			switch(i)
			{
				case 1:
					color = '#3f9';
					break;
				case 2:
					color = '#ec0000';
					break;
				case 3:
					color = '#00f';
					break;
			}
			$(this).css('borderColor',color).find('h3').css('color',color);
		})
		$tab.each(function(){
			this.a=0;
		})
		$itemLi.hover(function(){
			$(this).find('.c_s_c_i_btn div').show();
		},function(){
			$(this).find('.c_s_c_i_btn div').hide();
		})
		$tabLi.hover(function(){
			$(this).addClass('hover')
		},function(){
			$(this).removeClass('hover')
		});

		$tabLi.click(function(){
			$(this).addClass('click').siblings().removeClass('click');
			var pIndex=$(this).parent().parent().parent().index();
			var index=$(this).index();
			$tab.eq(pIndex)[0].a=index;
			$total.eq(pIndex).animate({
				marginLeft:-$tab.eq(pIndex)[0].a*296+'px'
			},500)
		})
		$btn.click(function(){
			var i=$(this).index();
			var pIndex=$(this).parent().parent().index();
			if(i)
			{
				if($tab.eq(pIndex)[0].a<length-1)
				{
					$tab.eq(pIndex)[0].a++;
				}
				else{
					return;
				}
			}
			else
			{	
				if($tab.eq(pIndex)[0].a>0)
				{
					$tab.eq(pIndex)[0].a--;
				}
				else{
					return;
				}
			}
			$total.eq(pIndex).animate({
				marginLeft:-$tab.eq(pIndex)[0].a*296+'px'
			})
			$tab.eq(pIndex).find('li').eq($tab.eq(pIndex)[0].a).addClass('click').siblings().removeClass('click');
		})
	})();
	//video start
	(function(){
		var $img=$('.v_c_img');
		var $span=$('.v_c_item span');
		var $li=$('.v_c_item');
		var $hide=$('.v_hide');
		var $close=$('.v_h_c_top span');
		var $content=$('.v_h_content');
		var $bottom=$('.v_h_c_bottom iframe');
		$li.hover(function(){
			$(this).addClass('hover')
		},function(){
			$(this).removeClass('hover')
		})
		$img.hover(function(){
			var index=$(this).parent().index();
			$span.eq(index).addClass('hover')
		},function(){
			var index=$(this).parent().index();
			$span.eq(index).removeClass('hover')
		})
		$span.hover(function(){
			$(this).addClass('hover')
		},function(){
			$(this).removeClass('hover')
		})
		$hide.css({
			width:$(window).width()+'px',
			height:$(window).height()+'px'
		})
		$(window).resize(function(){
			$hide.css({
				width:$(window).width()+'px',
				height:$(window).height()+'px'
			})
		})
		 $img.click(function(){
			var index=$(this).parent().index();
			var html=$li.eq(index).find('.v_c_title').html();
			$hide.find('h2').html(html);
			$hide.fadeIn(300,function(){
				$content.animate({
					opacity:1
				},300,function(){
					$content.animate({
					top:'50%'
				},500)
					})
			})	
		})
		$close.click(function(){
			$content.animate({
				top:'-30%',
				opacity:0
			},500,function(){
				$hide.fadeOut(300)
			})
		})
	})();
});



/*<li class="m_c_r_nine">
							<a href="" class="m_c_r_n_title">浏览更多<span>热门</span></a>
							<a href="" class="m_c_r_n_arrow">&#xe69f;</a>
						</li>
					<li class="m_c_r_eight">
							<a href="" class="m_c_r_e_img"><img src="imgs/match/hot/T1pOWvBKET1RXrhCrK.jpg" alt="" width="80"height="80" /></a>
							<a href="" class="m_c_r_e_detail">小米蓝牙音箱蓝色</a>
							<p class="m_c_r_e_price">199元</p>
						</li>
*/